<template>
  <div>
    <a-form-model :model="form" :label-col="labelCol" :wrapper-col="wrapperCol" :rules="rules">
      <a-row type="flex" justify="start">
        <a-col :span="4">
          <a-form-model-item label="合体度" prop="name">
            <a-input v-model="form.name" placeholder="请输入合体度" />
          </a-form-model-item>
        </a-col>
        <a-col :span="4">
          <a-form-model-item label="袖长" prop="name">
            <a-input v-model="form.name"  placeholder="请输入袖长" />
          </a-form-model-item>
        </a-col>
        <a-col :span="4">
          <a-form-model-item label="长度" prop="name">
            <a-input v-model="form.name" placeholder="请输入长度" />
          </a-form-model-item>
        </a-col>
        <a-col :span="4">
          <a-form-model-item label="肩型" prop="name">
            <a-input v-model="form.name" placeholder="请输入肩型" />
          </a-form-model-item>
        </a-col>
        <a-col :span="4">
          <a-form-model-item label="面料厚度" prop="name">
            <a-input v-model="form.name" placeholder="请输入面料厚度" />
          </a-form-model-item>
        </a-col>
        <a-col :span="4">
          <a-form-model-item label="体型" prop="name">
            <a-select v-model="form.region" placeholder="下拉选择">
              <a-select-option value="shanghai"> Zone one </a-select-option>
              <a-select-option value="beijing"> Zone two </a-select-option>
            </a-select>
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row type="flex" justify="start">
        <a-col :span="4">
          <a-form-model-item label="版师" prop="region">
            <a-select v-model="form.region" placeholder="下拉选择">
              <a-select-option value="male"> male </a-select-option>
              <a-select-option value="female"> female </a-select-option>
            </a-select>
          </a-form-model-item>
        </a-col>
        <a-col :span="4">
          <a-form-model-item label="袖型1" prop="name">
            <a-select v-model="form.region" placeholder="下拉选择">
              <a-select-option value="shanghai"> Zone one </a-select-option>
              <a-select-option value="beijing"> Zone two </a-select-option>
            </a-select>
          </a-form-model-item>
        </a-col>
        <a-col :span="4">
          <a-form-model-item label="袖型2" prop="name">
            <a-select v-model="form.region" placeholder="下拉选择">
              <a-select-option value="shanghai"> Zone one </a-select-option>
              <a-select-option value="beijing"> Zone two </a-select-option>
            </a-select>
          </a-form-model-item>
        </a-col>
        <a-col :span="4">
          <a-form-model-item label="羽绒平方克重" prop="name">
            <a-select v-model="form.region" placeholder="下拉选择">
              <a-select-option value="shanghai"> Zone one </a-select-option>
              <a-select-option value="beijing"> Zone two </a-select-option>
            </a-select>
          </a-form-model-item>
        </a-col>
        <a-col :span="4">
          <a-form-model-item label="腰类型1" prop="name">
            <a-select v-model="form.region" placeholder="下拉选择">
              <a-select-option value="shanghai"> Zone one </a-select-option>
              <a-select-option value="beijing"> Zone two </a-select-option>
            </a-select>
          </a-form-model-item>
        </a-col>
        <a-col :span="4">
          <a-form-model-item label="腰类型2" prop="name">
            <a-select v-model="form.region" placeholder="下拉选择">
              <a-select-option value="shanghai"> Zone one </a-select-option>
              <a-select-option value="beijing"> Zone two </a-select-option>
            </a-select>
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row style="margin-left: -13%" type="flex" justify="start">
        <a-col :span="12">
          <a-form-model-item label="版师意见">
            <a-textarea style="width: 800px" placeholder="手工输入" :rows="4" v-model="form.name" />
          </a-form-model-item>
        </a-col>
      </a-row>
    </a-form-model>
  </div>
</template>
  <script>
export default {
  data() {
    return {
      labelCol: { span: 8 },
      wrapperCol: { span: 14 },
      form: {
        name: '',
        region: undefined,
        date1: undefined,
        delivery: false,
        type: [],
        resource: '',
        desc: ''
      },
      rules: {
        name: [
          { required: true, message: 'Please input Activity name', trigger: 'blur' },
          { min: 3, max: 5, message: 'Length should be 4 to 5', trigger: 'blur' }
        ],
        region: [{ required: true, message: 'Please select Activity zone', trigger: 'change' }],
        date1: [{ required: true, message: 'Please pick a date', trigger: 'change' }],
        type: [
          {
            type: 'array',
            required: true,
            message: 'Please select at least one activity type',
            trigger: 'change'
          }
        ],
        resource: [{ required: true, message: 'Please select activity resource', trigger: 'change' }],
        desc: [{ required: true, message: 'Please input activity form', trigger: 'blur' }]
      }
    }
  },
  methods: {
    onSubmit() {
      console.log('submit!', this.form)
    }
  }
}
</script>
  〈<style lang="less" scoped>
/deep/ .ant-row {
  height: 10px;
}
</style>
  
  